<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles/basic.css" />
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styles/ie.css" />
<![endif]-->
</head>
<body class='homepage'>
<div id="outest">
<div id='wrapper'>
	<h1><a href="/index.php">韭园菊色</a></h1>
    <p class="preface"><span class="green">韭</span><span class="orange">桔</span>贺新生入学，韭菊杂志全北大赠贺</p>
    <p id="log"><a href="signin.html">注册</a></p>
	<div class='content'>
    	<div class='mainContent'>
        	<div class='sign'>
			<form> 
                <h2>加入社团网</h2>
                <dl>
                    <dt><label for='nickname'>昵称</label><input id='nickname' name='nickname' type='text' class='inputText' size='30' /></dt>
                    <dd>请随意起，这是个自由的社会</dd>
                    <dt><label for='password1'>密码</label><input id='password1' name='password1' type='password'  class='inputText'  size='30' /></dt>
                    <dd>请输入至少8位的密码</dd>
                    <dt><label for='password2'>确认密码</label><input id='password2' name='password2' type='password'  class='inputText'  size='30' /></dt>
                    <dd>不好意思，劳驾您再输一次，不能老赢啊</dd>
                    <dt><label for='email'>邮箱</label><input id='email' name='email' type='text' class='inputText' size='30' /></dt>
                    <dd>邮箱您将用来登陆社团网和找回密码</dd>
                </dl>
                <p><input type='submit' name='submit' id='submit' class='button3' value='确认注册' /></p>
                <p class='last'>点击确认注册后，我们将默认您同意遵守我们的<a href="#">网站协议</a></p>
			</form>
			</div>
            <div class="subWrapper">
                <h2>最具活力社团<span><a href=''>更多</a></span></h2>
                <ol>
                    <li>
                        <h3><a href="#">登山社<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">遛狗社<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">同性交友<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">早上跑步<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                </ol>
            </div>
        </div>
		<div class="side">
			<div class='loginContainer'>
            <form enctype="multipart/form-data" name="loginForm" action="login.php">
            	<h2>登陆</h2>
                <p><label for='logEmail'>登录邮箱：</label><input class="inputText" type="text" name="logEmail" id="logEmail" size="26" maxlength="50" /></p>
                <p><label for='pass'>密码：</label><input class="inputText" type="password" name="pass" id="pass" size="26" maxlength="50" /></p>
                <p class="last"><input type="submit" name="login" id="login" class='button' value="登陆" /></p>
            </form>
            </div>
            <div class='side1' id="hotTopics">
            	<h2>热门活动</h2>
            	<ol>
            		<li>
                		<h3><a href="#">热门活动</a></h3>
                        <ul>
                        	<li><a href="">参与企业</a></l i>
                            <li><a href="">参与社团</a></li>
                        </ul>
                    	<p>我们是想建设一个针对高校社团的网络平台，通过这个平台，将全国各所高校社团、同学以及社会企业紧密地结合在一起。</p>
                    	<p><a href="#"><img src="images/1.jpg" alt="企业或者社团logo" title="看看活动的具体内容吧" /></a></p>
                	</li>
                	<li>
                		<h3><a href="#">热门活动</a></h3>
                        <ul>
                        	<li><a href="">参与企业</a></li>
                            <li><a href="">参与社团</a></li>
                        </ul>
                    	<p>我们是想建设一个针对高校社团的网络平台，通过这个平台，将全国各所高校社团、同学以及社会企业紧密地结合在一起。</p>
                    	<p><a href="#"><img src="images/1.jpg" alt="企业或者社团logo" title="看看活动的具体内容吧" /></a></p>
                	</li>
                	<li>
                		<h3><a href="#">热门活动</a></h3>
                        <ul>
                        	<li><a href="">参与企业</a></li>
                            <li><a href="">参与社团</a></li>
                        </ul>
                    	<p>我们是想建设一个针对高校社团的网络平台，通过这个平台，将全国各所高校社团、同学以及社会企业紧密地结合在一起。</p>
                    	<p><a href="#"><img src="images/1.jpg" alt="企业或者社团logo" title="看看活动的具体内容吧" /></a></p>
                	</li>
            	</ol>
        	</div>
            <div id="others" style='display:none;'>
            	<ul>
                	<li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
	</div>
	<ul id='nav'>
		<li><a href="associator/index.html">个人首页</a></li>
		<li><a href="club/index.html">社团</a></li>
		<li><a href="">好友</a></li>
		<li><a href="">通知</a></li>
		<li><a href="./associator/setting.html">个人设置</a></li>
		<li><a href="">搜索</a></li>
    	<li><a href="">日志</a></li>	
	</ul>
	<div id="footer">
		<ul>
			<li class="noBd"><a href="">Home</a></li>
			<li><a href="">注册</a></li>
			<li><a href="">登陆</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>			
		</ul>
        <p>All rights deserves &copy; <span class="cap">社团</span></p>
    </div>
</div>
</div>
</body>
</html>